<template>
	<view class="all">
		<view class="top">
			<view class="img" @click="back">
				<image src="@/static/back.png" mode=""></image>
			</view>
			<text class="text">修改密码</text>
		</view>
		<view class="lists">
			<view class="list">
				<text class="listText">原密码</text>
				<view class="input">
					<input type="text" value="" placeholder="请输入原密码" />
				</view>
			</view>
			<view class="list">
				<text class="listText">新密码</text>
				<view class="input">
					<input type="text" value="" placeholder="请输入新密码	" />
				</view>
			</view>
			<view class="list">
				<text class="listText">确认新密码</text>
				<view class="input">
					<input type="text" value="" placeholder="请再次输入新密码" />
				</view>
			</view>
		</view>
		<view class="button">
			<button type="default" style="background-color: rgb(0, 89, 183);color: rgb(255, 255, 255);">确认</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		width: 100%;
		height: 100%;
		background-color: rgb(247, 247, 247);
	}

	.all {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.top {
		width: 100%;
		height: 100rpx;
		background-color: white;
		display: flex;
		line-height: 80rpx;
		padding-top: 28rpx;

		.img {
			width: 20rpx;
			height: 36rpx;
			margin-left: 32rpx;

			image {
				width: 20rpx;
				height: 36rpx;
			}
		}

		.text {
			width: 146rpx;
			flex: 1;
			margin-left: -73rpx;
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: 600;
			line-height: 80rpx;
			color: rgba(51, 51, 51, 1);
			opacity: 1;
			text-align: center;
		}
	}

	.lists {
		border-top: 1px solid rgb(238, 238, 238);
		width: 100%;
		height: 330rpx;

		.list {
			width: 100%;
			height: 110rpx;
			// background-color: pink;
			border-bottom: 1px solid rgb(238, 238, 238);
			display: flex;
			justify-content: space-between;
			line-height: 100%;
			.listText {
				width: 170rpx;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 500;
				line-height: 110rpx;
				color: rgb(51, 51, 51);
				opacity: 1;
				margin-left: 32rpx;
				// background-color: green;
			}
			.input{
				// background-color: red;
				margin-top: 33rpx;
				padding-right: 30%;
				width:287rpx;
				height:45rpx;
				font-size:32rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:black;
				opacity:1;
			}
		}
	}
	.button{
		   width: 686rpx;
		   height: 88rpx;
		   position: absolute;
		   bottom: 64rpx;
		   left: 50%;
		   margin-left: -343rpx;
		   button{
			   font-size:32rpx;
			   font-family:PingFang SC;
			   font-weight:500;
			   line-height:88rpx;
			   color:rgba(255,255,255,1);
			   opacity:1;
		   }
	}
</style>
